// Modal.tsx
import React from "react";
import ReactDOM from "react-dom";
// ReactDOM.createPortal(
//     child,   // 你想渲染的 React 元素
//     container // DOM 节点，通常在 document.body 或指定 div
//   )
function Modal({ children }) {
  return ReactDOM.createPortal(
    <div className="modal">{children}</div>,
    document.body // 渲染到 body 下
  );
}
function Telport() {
  return (
    <div>
      <h1>portal——————父组件内容</h1>
      <Modal>
        <p>这是弹窗内容，通过 Portal 渲染到 body 下</p>
      </Modal>
    </div>
  );
}

export default Telport;
